import React from 'react';
import ReactDOM from 'react-dom'
import {HashRouter as Router , Route , Switch} from 'react-router-dom'
import Home from './pages/Home/index';
import Cate from './pages/Cate/index';
import Cart from './pages/Cart/index';
import Mine from './pages/Mine/index';
import Cities from './commponents/CitiesPage/index'
import Selfcenter from './commponents/SelfPage/index'
import SubGoodsList from './commponents/SubGoodsList/index'
import Details from './commponents/DetailsPage/DeatailsPage'

ReactDOM.render(
    <Router>
        <div>
            <Switch>
                <Route path='/' component={Home} exact></Route>
                <Route path='/cate' component={Cate}></Route>
                <Route path='/cart' component={Cart}></Route>
                <Route path='/mine' component={Mine}></Route>
                <Route path='/choosecities' component={Cities}></Route>
                <Route path='/selfcenter' component={Selfcenter}></Route>
                <Route path='/subgoodslist' component={SubGoodsList}></Route>
                <Route path='/details/:id' component={Details}></Route>
            </Switch>
        </div>
    </Router>
    , document.getElementById('root'));
